<template>
  <div class="news">
      <div id="Banner"><img class="WidthPer" src="../assets/ban2.jpg"></div>
      <div id="News_News">
		<div class="width auto">
			<div class="News_News_AHold"></div>
			<div class="News_L">
				<div class="News_News_Listbox">
					<ul class="News_News_List ul">
                    <li class="News_News_Item">
							
								<div class="News_News_L">
									<div class="News_News_Date">
										<div class="News_News_Day">27</div>
										<div class="News_News_Year">2017-07</div>
									</div>
								</div>
								<div class="News_News_R">
									<a class="block" href="/index.php/news/detail/id/2.html">
									<div class="News_News_Tit">麦迪森控股(8057.HK)召开特别股东大会</div>
									<div class="News_News_Remark">2017年7月27日,麦迪森控股(8057.HK)召开特别股东大会</div>
									</a>
								</div>
								<div class="clear"></div>
							
						</li>					</ul>
					<div class="clear"></div>
				</div>
				<div class="News_Page">
					<table width="" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td></td><td></td><td></td></tr></tbody></table>				</div>
			</div>
			<div class="News_R">
				<div class="News_News2_Lisbox">
				
        <div class="SlideNewsArti">
            <link href="/Apps/Tpl/default/Public/zcji/SlideNews/SlideNews.css" rel="stylesheet" type="text/css">
            <div id="SlideNews" style="height: 611px;">
                <div class="HW" style="height:0px; overflow:hidden; background-color:#FF0000;">&nbsp;</div>
                <div class="Listbox">
                    <ul class="List">
                        <li class="Item">
                            <a class="block" href="/index.php/news/detail/id/2.html">
                                <div class="News_News2_Item">
                                    <div class="News_News2_Tit">麦迪森控股(8057.HK)召开特别股东大会</div>
                                    <div class="News_News2_Date">2017-07-27</div>
                                    <div class="News_News2_Pic"><img class="WidthPer" src="../assets/59cbce3a3c4cc.jpg"></div>
                                    <div class="News_News2_Remark">
                                        2017年7月27日,麦迪森控股(8057.HK)召开特别股东大会							</div>
                                </div>
                            </a>
                        </li>			</ul>
                </div>
                <!-- <img class="Prev" style="" src="/Apps/Tpl/default/Public/zcji/SlideNews/Prev_.png">
                <img class="Next" style="" src="/Apps/Tpl/default/Public/zcji/SlideNews/Next_.png"> -->
                <div class="NumBox" style="display: none; left: 180px;">
                    <ul class="NumListbox"><li class="Num pointer"><div class="NumPic-"><img class="NumImg" src="../assets/Num_.png"></div><div class="NumTxt" style="line-height: 0px;">1</div></li></ul>
                </div>
            </div>
            <!-- <script type="text/javascript" src="/Apps/Tpl/default/Public/zcji/SlideNews/SlideNews.js"></script> -->
        </div>

				</div>
				<div class="News_LiaoJie">
					<p class="News_LiaoJie_p p">锁定麦迪森<br>让彼此更了解</p>
					<p class="News_LiaoJie_p2 p">Stick with madison<br>Get to know each other better</p>
				</div>
			</div>
			<div class="clear"></div>
			<div class="News_News_BHold"></div>
		</div>
	    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  }
};
</script>

<style>
.news {
  background-color: #f2f2f2;
}
#News_News {
}
.News_News_AHold {
  padding-top: 50px;
}
.News_L {
  width: 54.17%;
  float: left;
}
.News_News_Listbox {
  padding-top: 30px;
}
.News_News_List {
  display: table;
  width: 100%;
}
.News_News_Item {
  display: table-row;
}
.News_News_L {
  width: 97px;
  padding-bottom: 30px;
  vertical-align: top;
  display: table-cell;
}
.News_News_Date {
  font-family: "宋体";
  color: #fff;
  text-align: center;
  background-color: #bbbbbb;
  padding-bottom: 15px;
}
.News_News_Item:hover .News_News_Date {
  background-color: #8b0d19;
}
.News_News_Day {
  font-size: 50px;
  padding-top: 10px;
}
.News_News_Year {
  margin-top: -6px;
}
.News_News_R {
  padding-left: 22px;
  vertical-align: top;
  display: table-cell;
  padding-bottom: 30px;
}
.News_News_Tit {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  padding-top: 9px;
}
.News_News_Remark {
  font-size: 16px;
  line-height: 23px;
  color: #606060;
  padding-top: 10px;
}
.News_Page {
  padding-top: 44px;
  padding-bottom: 52px;
  padding-left: 97px;
}
.News_Page_a1 {
  font-size: 25px;
  color: #c7c7c7;
}
.News_Page_a1:hover {
  color: #8b0d19;
}
.News_Page_a1_ {
  color: #8b0d19;
}
.News_Page_a2 {
  font-family: "宋体";
  display: block;
  font-size: 16px;
  color: #3e3e3e;
  line-height: 18px;
  height: 18px;
  float: left;
  padding: 0px 7px;
  margin: 0px 8px;
}
.News_Page_a2:hover {
  color: #fff;
  background-color: #8c0f17;
}
.News_Page_a2_ {
  color: #fff;
  background-color: #8c0f17;
}
.News_R {
  width: 31.67%;
  float: right;
  padding-bottom: 24px;
}
.News_News2_Lisbox {
  padding-left: 0px;
}
.News_News2_Item {
  padding-top: 30px;
}
.News_News2_Tit {
  font-family: "宋体";
  font-size: 24px;
  color: #f2f2f2;
  line-height: 35px;
  background-color: #8b0d19;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 20px;
}
.News_News2_Date {
  font-family: "宋体";
  font-size: 13px;
  color: #f2f2f2;
  line-height: 35px;
  background-color: #8b0d19;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 0px;
  padding-bottom: 12px;
}
.News_News2_Pic {
}
.News_News2_Remark {
  font-size: 16px;
  color: #606060;
  line-height: 24px;
  text-align: justify;
  padding-top: 23px;
  padding-bottom: 19px;
}
.News_LiaoJie {
}
.News_LiaoJie_p {
  font-family: "新宋体";
  font-size: 24px;
  color: #000;
  line-height: 38px;
  padding-top: 70px;
}
.News_LiaoJie_p2 {
  font-family: "宋体";
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: 7px;
}
.News_News_BHold {
  padding-top: 0px;
}

@media (max-width: 767px) {
  .News_L {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .News_R {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .News_News2_Lisbox {
    padding-left: 0px;
  }
}
</style>

